<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>


    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <!-- <link rel="stylesheet" href="./css/common/header.css"> -->
    <link rel="stylesheet" href="./css/common/footer.css">

    <link rel="stylesheet" href="./css/register.css">

    <script src="./lib/jquery.js"></script>
    <script src="./js/register.js"></script>

    <script src="./js/user-stro.js"></script>

</head>

<body>

    <!-- 头部开始 -->
    <header class="rej-header">

        <div class="logo-con wrapper clearfix">
            <a class="logo">

            </a>
            <div>欢迎注册</div>

            <section class="right-tel clearfix">
                <img src="./img/电 话.png" alt="">
                <div>
                    <p>咨询电话</p>
                    <p>1234-78910111213</p>
                </div>
            </section>
        </div>

    </header>
    <!-- 头部结束 -->

    <div class="reg-con">

        <div class="reg-tip">

            <div class="reg-1 use">
                <span class="cir-un cir-use">1</span>
                <b>设置用户</b>
            </div>

            <div class="reg-2">
                <span class="cir-un">2</span>
                <b>填写账号信息</b>
            </div>
            <div class="reg-3">
                <span class="cir-un">3</span>
                <b>注册成功</b>
            </div>
        </div>

        <div class="reg-start">
            <h3>注册协议</h3>

            <div class="content-reg">
                <p>
                    【审慎阅读】
                    您在申请注册流程中点击同意前，应当认真阅读以下协议。
                    <b>"请您务必审慎阅读、充分理解协议中相关条款内容，其中包括：</b>
                </p>

                <h4>
                    1、<b>与您约定免除或限制责任的条款；</b>
                </h4>
                <h4>
                    2、<b>与您约定法律适用和管辖的条款；</b>
                </h4>

                <h4>
                    3、<b>其他以粗体下划线标识的重要条款。</b>
                </h4>

                <p>
                    如您对协议有任何疑问，可向平台客服咨询。
                </p>

                <p>
                    <span>【特别提示】</span>
                    当您按照注册页面提示填写信息、阅读并同意协议且完成全部注册程序后，即表示您已充分阅读、理解并接受协议的全部内容。如您因平台服务与淘宝发生争议的，适用《淘宝平台服务协议》处理。如您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的协议处理。
                </p>

                <p>
                    <b> 阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止注册程序"</b>
                </p>
            </div>

            <ol>
                <li>平台服务协议</li>
                <li>隐私权政策</li>
                <li>法律声明</li>
                <li>支付宝及客户端服务协议</li>
            </ol>

            <div class="arg" id="protocol">
                同意协议
            </div>
        </div>

        <div class="reg-user disn">
            <form action="#" method="GET" id="form-sub">
                <ul>
                    <li>
                        <span>真实姓名:&nbsp;&nbsp;</span>
                        <input type="text" name="name" placeholder="请输入您的真实姓名" id="name">
                        <div class='tips'><img src="" class="disn"><span></span></div>
                    </li>
                    <li>
                        <span>用户名:&nbsp;&nbsp;</span>
                        <input type="text" name="username" placeholder="请输入您的账号用户名" id="username">
                        <div class='tips'><img src="" class="disn"><span></span></div>
                    </li>

                    <li>
                        <span>密码:&nbsp;&nbsp;</span>
                        <input type="password" name="password" placeholder="请输入密码" id="password">
                        <div class='tips'><img src="" class="disn"><span></span></div>
                    </li>

                    <li>
                        <span>确认密码:&nbsp;&nbsp;</span>
                        <input type="password" name="password" placeholder="请再次确认密码" id="rePassword">
                        <div class='tips'><img src="./img/false.png" class="disn"><span></span></div>
                    </li>

                    <li>
                        <span>密码强度:&nbsp;&nbsp;</span>
                        <div>
                            <span class="yi"></span>
                            <span class="mid"></span>
                            <span class="heig"></span>
                        </div>
                    </li>

                    <li>
                        <span>邮箱:&nbsp;&nbsp;</span>
                        <input type="email" name="email" placeholder="请输入您的邮箱" id="email"> @
                        <select id="yxwei">
                            <option value="163.com">163.com</option>
                            <option value="qq.com">qq.com</option>
                        </select>
                        <div class='tips'>
                            <img src="" class="disn">
                            <span></span>
                        </div>
                    </li>


                    <li>
                        <span>手机号码:&nbsp;&nbsp;</span>
                        <input type="tel" name="password" placeholder="请再次确认密码" id="tel">
                        <div class='tips'><img src="" class="disn"><span></span></div>
                    </li>


                    <li>
                        <span>验证码:&nbsp;&nbsp;</span>
                        <input type="password" name="password" placeholder="请输入验证码" id="yzm">
                        <div>获取验证码</div>
                    </li>


                    <li>
                        <button type="submit" class="arg" id="submit">提交注册</button>
                    </li>

                </ul>
            </form>
        </div>

        <div class="wanc disn">

            <div>
                <img src="./img/正确.png" alt="">
            </div>

            <a href="./login.html">注册成功,请前往登录</a>

        </div>

    </div>

    <!-- 注册开始 -->


    <!-- 页脚开始 -->
    <footer>

        <section class="footer-fuwu wrapper">
            <ul>
                <li>
                    <img src=" ./img/zp.jpg" alt="">
                    <div>
                        <span>
                            正品保障
                        </span>
                        <b>
                            正品行货 放心选购
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/yf.jpg" alt="">
                    <div>
                        <span>
                            满86包邮
                        </span>
                        <b>
                            满86元 免运费
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/sh.jpg" alt="">

                    <div>
                        <span>
                            售后无忧
                        </span>
                        <b>
                            7天无理由退款
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/zs.jpg" alt="">

                    <div>
                        <span>
                            准时中送
                        </span>
                        <b>
                            收获时间由你做主
                        </b>
                    </div>

                </li>
            </ul>
        </section>

        <section class="footer-des wrapper">
            <ul>
                <li>
                    <ol>
                        <li>
                            <a href="">新手入门</a>

                        </li>
                        <li>
                            <a href="">购物流程</a>

                        </li>
                        <li>
                            <a href="">会员制度</a>

                        </li>
                        <li>
                            <a href="">订单查询</a>
                        </li>
                        <li>
                            <a href="">服务协议及隐私说明</a>
                        </li>
                        <li>
                            <a href="">网站地图</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">支付方式</a>

                        </li>
                        <li>
                            <a href="">货到付款</a>

                        </li>
                        <li>
                            <a href="">网上支付</a>

                        </li>
                        <li>
                            <a href="">礼品卡支付</a>
                        </li>
                        <li>
                            <a href="">其它支付</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">配送服务</a>

                        </li>
                        <li>
                            <a href="">配送进度查询</a>

                        </li>
                        <li>
                            <a href="">商品验货与签收</a>

                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href=""> 相关规则</a>

                        </li>
                        <li>
                            <a href="">平台规则</a>

                        </li>
                        <li>
                            <a href="">退换货政策</a>
                        </li>
                        <li>
                            <a href="">发票制度</a>
                        </li>

                        <li>
                            <a href="">帮助中心</a>
                        </li>

                    </ol>
                </li>

                <li class="yhj">
                    <p>APP更优惠</p>

                    <img src=" ./img/qryhd.png" alt="">


                </li>

                <li class="yhj">
                    <p>加微信查订单</p>

                    <img src=" ./img/qryhd.png" alt="">

                </li>

            </ul>
        </section>

        <section class="footer-b">
            <div class="wrapper">

                <div>
                    <p>
                        沪ICP备XXXXXXXXX号 | 经营证照 │ 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话:&nbsp;&nbsp;XX-XXXX | 沪B2-X
                    </p>
                    <p>
                        沪公网安备XXXXXXXXX号 │ 友情链接 │ 出版物经营许可证 │ 增值电信业务经营许可证
                    </p>
                </div>

                <div class="links">
                    <img src=" ./img/wz2.png" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                    <img src=" ./img/wz3.jpg" alt="">
                    <img src=" ./img/wz4.jpg" alt="">
                    <img src=" ./img/wz5.jpg" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                </div>
            </div>
        </section>

    </footer>
    <!-- 页脚开始 -->





</body>

</html>